<template>
  <div class="m-login-container">
    <el-tabs v-model="step">
      <el-tab-pane label="Token" name="token">
        <token-list />
      </el-tab-pane>
      <el-tab-pane label="Spend" name="spend">
        <token-spend />
      </el-tab-pane>
      <el-tab-pane label="Roi" name="roi">
        <roi />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import TokenList from "./components/TokenList.vue";
import Roi from "./components/Roi.vue";
import TokenSpend from "./components/TokenSpend";

export default {
  components: {
    TokenList,
    TokenSpend,
    Roi,
  },
  data() {
    return {
      step: "token",
    };
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="less" scoped></style>
